<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>车辆费用统计</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				font-size: 1rem;
			}
			body{
				background: url(img/top_bg.png);
				background-repeat: repeat;
				background-position: right;
			}
			#container{
				padding: 10px;
				margin: 0 auto;
				width: 80%;
				height: 100%;
			}
			.top{
				background-image: url(img/top_left.gif);
				color: white;
				padding: 10px;
				font-size: 1.25rem;
				font-weight: bold;
			}
			.nav{
				background-image: url(./img/navigation.png);
				padding: 1.25rem;
			}
			.conter{
				padding: 20px 7%;
				background-color: beige;
			}
			.conter_up{
				text-decoration: none;
				color: #9292ee;
				font-size: 1.5rem;
				font-weight: bold;
				letter-spacing: 0.2rem;
				padding-bottom: 20px;
			}
			.conter_middle table{
				border: 1px solid ;
				text-align: center;
				width: 100%;
				font-size: 1.5rem;
				letter-spacing: 0.1rem;
				border: 2px solid black;
			}
			.conter_middle td,th{
				border: 1px solid #6e6767;
				height: 45px;
			}
			.conter_middle a{
				text-decoration: none;
				font-weight: bold;
			}
			.conter_down{
				display: flex;
				justify-content: flex-end;
				padding: 20px;
			}
			.conter_down>*{
				margin-right: 8px;
			}
			.foot{
				background-image: url(img/footer_bg.gif);
				padding: 20px;
				color: white;
				display: flex;
				justify-content: center;
			}
		</style>
	</head>
	<div id="header2">
			<img src="img/首页.png" alt="Big Boat" width="30" height="30" style=" vertical-align: middle;">
			财务管理 > 车辆费用统计
	<body>
		<div id="container">
			<div class="top">
				车辆费用统计
			</div>
			<div class="conter">
				<div class="conter_up">
					车辆费用统计
				</div>
				<div class="conter_middle">
					<table cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<th>序号</th>
								<th>车牌号</th>
								<th>停车费</th>
								<th>桥路费</th>
								<th>加油费</th>
								<th>维修费</th>
								<th>保险费</th>
								<th>保养费</th>
								<th>年检费</th>
								<th>违规罚款</th>
								<th>违章罚款</th>
								<th>折旧费</th>
								<th>上牌费</th>
								<th>购车费</th>
								<th>合计</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>赣CD8888</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>20</td>
								<td>240</td>
								<td><a href="#">删除</a> <a href="#">修改</a></td>
							</tr>
								<tr>
								<td>1</td>
								<td>赣CD8888</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>200</td>
								<td>2400</td>
								<td><a href="#">删除</a> <a href="#">修改</a></td>
							</tr>
							
							
						</tbody>
					</table>
				</div>
				<div class="conter_down">
					<span>共5页</span>
					<input type="button" name="" id="" value="上一页" />
					<select name="">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
					</select>
					<input type="button" name="" id="" value="下一页" />
				</div>
			</div>
			<div class="foot">
			</div>
		</div>
	</body>
</html>